草庐IT

HTML5 SVG

全部标签

javascript - 允许用户上传 HTML/JS 文件的风险

我们正在为HTML5游戏设计在线Playground。用户可以上传包含他们游戏的zip文件。上传时,zip由服务器解压,每个文件循环检查其扩展名是否符合白名单,允许:.html.js.png.jpg.appcache.m4a.ogg(游戏必须在我们导出这些文件的游戏编辑器中制作)。这应该可以防止人们上传zip、服务器端脚本文件等。然后游戏会转移到我们的静态无cookie域(scirra.net)。在我们的scirra.com页面上玩游戏时,游戏会显示在指向scirra.net域的iframe中。这应该可以防止恶意JS访问scirra.comcookie。这个iframe技术和白名单是否

javascript - 计算 SVG 圆弧的中心

我有以下信息:半径X(rx)半径Y(ry)x1y1x2y2SVG规范允许您通过指定圆弧的半径、起点和终点来定义圆弧。还有其他选项,例如large-arc-flag和sweep-flag,它们有助于定义您希望起点如何到达终点。Moredetailshere.我不擅长数学,所以理解allofthis几乎不可能。我想我正在寻找一个简单的等式,让我知道centerX和centerY值给定SVG的arc命令接受的所有参数。感谢任何帮助。我搜索了stackoverflow,但似乎没有一个答案能用简单的英语解释解决方案。 最佳答案 来自W3CSV

javascript - 录制 html5 音频

是否可以使用html5录制声音?我已经下载了最新的canary版本的chrome并使用以下代码:navigator.getUserMedia=navigator.webkitGetUserMedia||navigator.getUserMedia;navigator.getUserMedia({audio:true},gotAudio,noStream);然后这会提示用户允许录音,如果您说"is",则会出现一条消息,说明chrome正在录音。但是,是否可以访问其中包含原始数据的音频缓冲区?我似乎无法找出方法。有尚未实现的建议规范,有谁知道现在是否可以在任何浏览器上实际实现,并提供说明?

javascript - Snap.svg 无法使用 jQuery 动态(并成功)找到附加的 SVG 元素

Snap.svg在这种情况下不起作用:$('body').append($('').attr('id','test'));console.log($('#test').length);//1varsvg=Snap('#test');svg.circle(100,100,50);//UncaughtTypeError:Object[objectObject]hasnomethod'circle'...但是当元素已经在HTML中时有效:SVG元素在HTML中成功,但无法通过Snap.svg找到。我在第一个示例中做错了吗?还是错误? 最佳答案

javascript - 向 emscripten HTML 程序提供标准输入?

我有一个C程序,它通过命令行接受一个参数(一个字符数组/字符串)并从标准输入读取。我已经使用emscripten将它编译成JavaScript。这是成功的,我可以像使用node.js的普通C程序一样运行它:emcc-O2translate.cnodetranslate.js"foo"如您所见,我提供了字符串“foo”作为参数,并提供了bar.txt的内容作为标准输入。现在我希望这是一个独立的HTML文件。通过将输出更改为HTML:emcc-O2translate.c-otrans.html我通过addingarguments:['foo'],提供论点varModule中的定义。这按预期

javascript - SVG 动画在 IE & Edge 上出现 "out of bounds"

我遇到的问题似乎只影响IE和Edge(已在IE9-11和Edge12-13上测试)。我正在使用Snap.svg为SVG笔画偏移设置动画,这似乎运行良好,但在某些点笔画似乎“越界”并消失。这很奇怪,因为viewBox设置为明显适合线条(它是直接从Illustrator导出的,带有适合整条线条的画板)。您可以在此处查看实际效果:http://codepen.io/ndimatteo/full/zqLBVW///SSSSSNAKEvarsnake=Snap('#snake-previewsvg');varbodyPath=snake.select('#snake-body');varbody

javascript - SVG 和 RevealJS 中的鼠标位置

我正在使用RevealJS创建一个演示文稿,并希望合并一些使用D3创建的交互式SVG可视化效果。之前我已经毫无困难地完成了很多次,但这次我遇到了一些困难。经过一些调试后,我将问题追溯到以下几点:由于某种原因,当整个内容都包含在RevealJS中时,鼠标相对于SVG的位置没有正确报告。我的原始代码版本使用标准D3技术来获取鼠标位置。不过,为了简化和隔离问题,我取消了D3,现在使用vanillaJavascript获取鼠标位置,详见thisStackOverflowanswer。.我的代码(作为堆栈片段实现)如下所示:varinfo=document.getElementById("inf

javascript - 如何在html文件而不是js文件中调用js补全?

我已经通过这种方式安装了tern_for_vim和YouCompleteMe来完成js。1个安装节点curl-o-https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh|bashsource~/.nvm/nvm.shnvminstallnode2安装tern_for_vim$cd~/.vim/bundlegitclonehttps://github.com/marijnh/tern_for_vim3安装YouCompleteMecd~/.vim/bundle/YouCompleteMe$./install.

javascript - 在 React 中动态呈现外部 HTML/React 组件

是否可以从外部源获取HTML/JSX内容并在React中动态呈现?在我们的例子中,我们希望从WordpressAPI获取内容并将其呈现在客户端和服务器上(我们使用的是NextJS)因此,WordpressAPI返回一个JSON响应,其中包含一个内容属性,该属性是一个HTML/JSX字符串。内容看起来像这样。{content:"Thisisanimagegallery"}因此,如您所见,它将是HTML和React组件/JSX的混合,表示为字符串我会使用Axios调用以获取内容(在服务器和客户端上都使用NextJS的getInitialProps()方法),然后我需要渲染它,但我是新手,我

javascript - 有什么方法可以在不触发 Change 事件的情况下重新填充 Html Select 的选项(使用 jQuery)?

我有多个选择:onetwothreeonetwothree我想要的是从第一个选择中选择“一个”,然后从第二个选择中删除该选项。然后,如果您从第二个中选择“两个”,我希望从第一个中删除那个。这是我目前拥有的JS:$(function(){var$one=$("#one");var$two=$("#two");varselectOptions=[];$("select").each(function(index){selectOptions[index]=[];for(vari=0;i但是当元素被重新填充时,它会在选项正在更改的选择中触发更改事件。我尝试在要删除的选项上设置disabled